<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<%@ page contentType="text/html; charset=UTF-8"%>
<script type="text/javascript"> 	
$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 50,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 40,
					proximity: 50,
					halign : 'center'
				}
			)
			
			//$("#titleEstande").slideUp();
		}
	);
 
</script>
<table width="50%">
<tr>
<td>	
			
			<sj:div  id="titleEstande" effect="shake">
			<h1 class="ui-state-default" style="background: none; border: none;"><s:property value="estande.nome" /></h1>
			</sj:div>
			
		</td>
<td align="center">
<div class="dock" id="dock">		
		<div class="dock-container">
		<sj:a
			href="homeEstande?idEstande=%{idEstande}"  
			cssClass="dock-item" targets="mainestande" indicator="myDefaultIndicator"  errorElementId="divError" errorText="Desculpe sua conexão parece estar com problemas.">
			<img src="<%=request.getContextPath()%>/images/home1.png" alt="home" />
			<span>Home</span>
		</sj:a>
		<sj:a href="listarperguntasfeira?idEstande=%{idEstande}"
			cssClass="dock-item" targets="mainestande" indicator="myDefaultIndicator" errorElementId="divError" errorText="Desculpe sua conexão parece estar com problemas.">
			<img src="<%=request.getContextPath()%>/images/operator.jpg" alt="home" />
			<span>Perguntas</span>
		</sj:a> <sj:a href="listarmuralfeira?idEstande=%{idEstande}"
			cssClass="dock-item" targets="mainestande" indicator="myDefaultIndicator" errorElementId="divError"  errorText="Desculpe sua conexão parece estar com problemas.">
			<img src="<%=request.getContextPath()%>/images/calendar.png" alt="home" />
			<span>Mural</span>

		</sj:a> <sj:a href="listaranexosfeira?idEstande=%{idEstande}"
			cssClass="dock-item" targets="mainestande" indicator="myDefaultIndicator" errorElementId="divError" errorText="Desculpe sua conexão parece estar com problemas.">
			<img src="<%=request.getContextPath()%>/images/office2_128.png" alt="home" />
			<span>Anexos</span>
		</sj:a> <sj:a href="listarlinksfeira?idEstande=%{idEstande}"
			cssClass="dock-item" targets="mainestande" indicator="myDefaultIndicator" errorElementId="divError" errorText="Desculpe sua conexão parece estar com problemas.">
			<img src="<%=request.getContextPath()%>/images/link.png" alt="home" />
			<span>Links</span>
		</sj:a> <sj:a href="listardebatesfeira?idEstande=%{idEstande}"
			cssClass="dock-item" targets="mainestande" indicator="myDefaultIndicator" errorElementId="divError" errorText="Desculpe sua conexão parece estar com problemas.">
			<img src="<%=request.getContextPath()%>/images/talk-bubbles.gif" alt="home" />
			<span>Debates</span>
		</sj:a></div>
		</div>
		</td>		
		</tr>
		</table>

<table width="100%">
	<tr valign="top">
		<td></td>

		<td>
		
		</td>
	</tr>

	<tr>
		<td colspan="2"><sj:div id="mainestande" href="homeEstande?idEstande=%{idEstande}">
		</sj:div></td>
	</tr>
</table>
